<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品精修与视觉合成全能班 - 高高手 - 站酷旗下品牌</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/video.css"/>
		<link rel="icon" href="img/course_detail/favicon.ico" />
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		<header>
			<div class="header_logo">
				<a href="course.html">
					<i></i>
				</a>
			</div>
			<ul class="header_left">
				<li>
					<a href="#">学习频道</a>
					<ul class="dropDown_menu">
						<li>
							<a href="">摄影</a>
							<i></i>
						</li>
						<li>
							<a href="">设计</a>
							<i></i>
						</li>
						<li>
							<a href="">绘画</a>
							<i></i>
						</li>
						<li>
							<a href="">UI</a>
							<i></i>
						</li>
						<li>
							<a href="">影视</a>
							<i></i>
						</li>
						<li>
							<a href="">三维</a>
							<i></i>
						</li>
						<li>
							<a href="">室内</a>
							<i></i>
						</li>
					</ul>
				</li>
				<li>
					<a href="#">高手招募</a>
				</li>
				<li>
					<a href="appDownload.html">APP下载</a>
				</li>
			</ul>
			<ul class="header_right">
				<li>
					<a href="#">登录</a>
				</li>
				<li>|</li>
				<li>
					<a href="#">注册</a>
				</li>
			</ul>
		</header>
		<aside>
			<a href="#">
				<span>去购物车</span>
			</a>
			<a href="#">
				<span>在线客服</span>
			</a>
			<a href="#">
				<span>意见反馈</span>
			</a>
			<a href="#">
				<div class="right_fixed_info">
					<div class="info_title">扫描二维码</div>
					<div class="info_title2">关注公众号</div>
					<div class="info_pic"></div>
				</div>
			</a>
			<a href="#">
				<div class="right_fixed_info">
					<div class="info_title">扫描二维码</div>
					<div class="info_title2">下载高高手APP</div>
					<div class="info_pic"></div>
				</div>
			</a>
			<a href="#">
				<span>返回顶部</span>
			</a>
		</aside>
		<div class="video_play">
			<div class="center_box">
				<div class="left_box">
					<div class="btn_paly">
						<span></span>
					</div>
					<video src="video/douyin.mp4" controls="controls"></video>
					<div class="video_comment_bar">
						<div class="video_share">
							<span>分享</span>
							<i></i>
							<div class="big_box">
								<div class="share_box">
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
									<i></i>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				<div class="right_box">
					<div class="right_box-top">
						<div class="video_title">
							<p>产品精修与视觉合成全能班</p>
							<span>5.0</span>
							<i></i>
						</div>
						<div class="video_data">
							<p>第4节：瓶器进阶：透明材质深度表现与剖析 8月6日 20:00直播</p>
							<span>已开始3节，购买后可以观看回放</span>
						</div>
						<div class="short_time_price">
							<strong>限时优惠</strong>
							<div class="count_down">
								<span>距离结束仅剩</span>
								<span><i>1</i>天</span>
								<span><i>01</i>小时</span>
								<span><i>21</i>分</span>
								<span><i>17</i>秒</span>
							</div>
						</div>
						
						<div class="video_price_bar">
							<div class="price_left">
								<span>活动价</span>
								<span>&yen;2699.00</span>
								<del>&yen;3280.00</del>
							</div>
							<span>158人已购买</span>
						</div>
					</div>
					<div class="right_box_bottom">
						<div class="video_length_bar">
							<span>共2章21节</span>
						</div>
						
						<div class="buy_video">
							<a href="#">立即购买</a>
							<a href="#">免费尝学</a>
							<a href="#"><i></i></a>
						</div>
						<div class="video_info_title">
							<span>课程介绍视频</span>
						</div>
						<ul class="video_detail_info">
							<li>
								<img src="img/course_detail/kc_detail_vedio.jpg" alt="" />
								<a href="#">
									课程介绍
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="nav_bar">
			<div class="nav_container">
				<ul>
					<li><a href="#">课程概述</a></li>
					<li><a href="#">课程目录</a></li>
					<li><a href="#">学员评价</a></li>
					<li><a href="#">课程作业</a></li>
					<li><a href="#">资料下载</a></li>
				</ul>
				<a href="#">
					<span>咨询课程顾问</span>
					<i></i>
				</a>
				<div class="buy_video">
					<a href="#">立即购买</a>
					<a href="#">免费尝学</a>
				</div>
			</div>
		</div>
		
		<section>
			<div class="course_overview clearfix">
				<div class="content_left">
					<div class="notice">
						<i></i>
						<ul>
							<li>成功报名的同学请添加微信wan160707（备注 学号+用户名+精修与合成）</li>
						</ul>
					</div>
					
					
					<div class="course_intro">
						<p><img src="img/course_detail/teacher_weixin.jpeg" alt="" /></p>
						<p>
							<span>1.领券优惠：</span>
							<span>限时领取40元优惠券</span>
							<span>，券后价</span>
							<span>2659</span>
							<span>元。</span>
							<span>购课成功即送</span>
							<span>价值</span>
							<span>198</span>
							<span>元的</span>
							<a href="#">《杰克电商合成案例教程》</a>
							<span>。</span>
						</p>
						<p>
							<br />
						</p>
						<p>
							<span>2.</span>
							<span>点击观看</span>
							<span>免费课</span>
							<span>一睹老师风采：周大杰</span>
							<a href="#">《图未精，修不止—周大杰说“精修”》</a>
							<span>、</span>
							<a href="#">《产品修图的前世与今生》</a>
							<span>，</span>
							<span>杰克</span>
							<a href="#">《商业海报合成之夜景光影表现》</a>
							<span>。</span>
						</p>
						<p>
							<img src="img/course_detail/course_intro.jpg" alt="" />
						</p>
						<p><img src="img/course_detail/course_intro2.jpg" alt="" /></p>
						<p><img src="img/course_detail/course_intro3.jpg" alt="" /></p>
						<p><img src="img/course_detail/course_intro4.gif" alt="" /></p>
						<p><img src="img/course_detail/course_intro5.jpg" alt="" /></p>
						<p><img src="img/course_detail/course_intro6.gif" alt="" /></p>
						<p><img src="img/course_detail/course_intro7.jpg" alt="" /></p>
					</div>
					<div class="ask_info">
						<div class="panel_header">
							<i></i>
							<p>课程咨询</p>
						</div>
						<div class="panel_body">
							<ul class="ask_ul clearfix">
								<li>
									<p>Q：零基础可以学习这个课程吗？</p>
									<p>A：学习本课需要有Photoshop软件基础，对于零基础学员建议先学习高高手平台上Martin老师的《Martin·PS软件系统教程》。</p>
								</li>
							</ul>
							<a href="#" class="QQhelp">
								<i></i>
								<span>QQ客服</span>
							</a>
						</div>
					</div>
				</div>
				
				<div class="content_left">
					<div class="course_menu">
						<p>课程目录</p>
						<ul>
							<li><b>01章</b> · 产品精修</li>
							<li>
								<a href="#">
									<i></i>
									<span>第1节 · 公开课：一张产品广告图的诞生！</span>
									<img src="img/course_detail/free_study.png" alt="" />
									<span>
										<i>171:36</i>
										<button>需登录观看</button>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<span>第2节 · 产品精修概述及瓶器案例演示</span>
									<span>
										<i>195:47</i>
										<button>需登录观看</button>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<span>第3节 · 瓶器中阶：金属及综合材质把握与光影表现</span>
									<span>
										<i>241:37</i>
										<button>需登录观看</button>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<span>第4节 · 瓶器进阶：透明材质深度表现与剖析（2019年08月06日 20:00直播）</span>
									<span>
										<i>120:00</i>
										<button>需登录观看</button>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i></i>
									<span>第5节 · 仪器：精密结构的精准塑造（2019年08月08日 20:00直播）</span>
									<span>
										<i>120:00</i>
										<button>需登录观看</button>
									</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				
				<div class="content_right">
					<div class="begin_info">
						<div class="panel_header">
							<i></i>
							<p>开课信息</p>
						</div>
						<div class="panel_body">
							<div class="course_list">
								<div class="list_item">
									<i></i>
									<div class="list_dt">
										<i></i>
										<span>最新课程</span>
									</div>
									<div class="list_dd">
										<i></i>
										<a href="#">产品精修与视觉合成全能班</a>
										<a href="#">立即报名</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					
					<div class="teacher_info">
						<div class="panel_header">
							<i></i>
							<p>授课老师</p>
						</div>
						<div class="panel_body">
							<div class="teacher_info_list">
								<ul class="clearfix">
									<li>
										<div class="teacher_pic_box"><a href="#"><img src="img/course_detail/teacher01.jpg" alt="" /></a></div>
										<div class="teacher_name_box"><a href="#">周大杰</a></div>
										<div class="teacher_dec_box"><a href="#">站酷网推荐设计师，知名商业产品修图师</a></div>
									</li>
									<li>
										<div class="teacher_pic_box"><a href="#"><img src="img/course_detail/teacher02.jpg" alt="" /></a></div>
										<div class="teacher_name_box"><a href="#">杰克</a></div>
										<div class="teacher_dec_box"><a href="#">站酷推荐设计师，杰视帮电商视觉创始人</a></div>
									</li>
								</ul>
							</div>
							<div class="info_line"></div>
							<div class="sub_title">主讲的其他课程：</div>
							<ul class="other_course clearfix">
								<li>
									<a href="#"><img src="img/course_detail/other_course01.jpg" alt="" /></a>
									<p>一张产品广告图怎么做</p>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/other_course02.jpg" alt="" /></a>
									<p>产品修图的前世今生</p>
								</li>
							</ul>
						</div>
					</div>
					
					
					
					<div class="other_course_info">
						<div class="panel_header">
							<i></i>
							<p>相关课程</p>
						</div>
						<div class="panel_body">
							<ul class="other_course clearfix">
								<li>
									<a href="#"><img src="img/course_detail/other_course03.jpg" alt="" /></a>
									<p>4A广告公司如何做海报之多光源合成</p>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/other_course04.jpg" alt="" /></a>
									<p>广告视觉设计入门·PS</p>
								</li>
								
								<li>
									<a href="#"><img src="img/course_detail/other_course05.jpg" alt="" /></a>
									<p>电商主图·直通车图设计教程</p>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/other_course06.jpg" alt="" /></a>
									<p>一节课正确认识电商设计</p>
								</li>
							</ul>
						</div>
					</div>
					
					
					<div class="student_dynamic_info">
						<div class="panel_header">
							<i></i>
							<p>学员动态</p>
						</div>
						<div class="panel_body">
							<ul class="student_dynamic clearfix">
								<li>
									<a href="#"><img src="img/course_detail/student_ico.png" alt="" /></a>
									<div class="student_info">
										<p>
											<a href="#">
												<span>c**n</span>
												<span>开始学习</span>
											</a>
										</p>
										<p>
											<a href="#">
												公开课：一张产品广告图怎么做
												<span> 1分钟前</span>
											</a>
										</p>
									</div>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/student_ico.png" alt="" /></a>
									<div class="student_info">
										<p>
											<a href="#">
												<span>a**o</span>
												<span>开始学习</span>
											</a>
										</p>
										<p>
											<a href="#">
												公开课：一张产品广告图怎么做
												<span> 3分钟前</span>
											</a>
										</p>
									</div>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/student_ico.png" alt="" /></a>
									<div class="student_info">
										<p>
											<a href="#">
												<span>刘**胜</span>
												<span>开始学习</span>
											</a>
										</p>
										<p>
											<a href="#">
												公开课：一张产品广告图怎么做
												<span> 7分钟前</span>
											</a>
										</p>
									</div>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/student_ico.png" alt="" /></a>
									<div class="student_info">
										<p>
											<a href="#">
												<span>熟**神</span>
												<span>开始学习</span>
											</a>
										</p>
										<p>
											<a href="#">
												瓶器中阶：金属及...
												<span> 7分钟前</span>
											</a>
										</p>
									</div>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/student_ico.png" alt="" /></a>
									<div class="student_info">
										<p>
											<a href="#">
												<span>熟**神</span>
												<span>开始学习</span>
											</a>
										</p>
										<p>
											<a href="#">
												公开课：一张产品广告图怎么做
												<span> 7分钟前</span>
											</a>
										</p>
									</div>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/student_ico.png" alt="" /></a>
									<div class="student_info">
										<p>
											<a href="#">
												<span>不**么</span>
												<span>开始学习</span>
											</a>
										</p>
										<p>
											<a href="#">
												公开课：一张产品广告图怎么做
												<span> 13分钟前</span>
											</a>
										</p>
									</div>
								</li>
								<li>
									<a href="#"><img src="img/course_detail/student_ico.png" alt="" /></a>
									<div class="student_info">
										<p>
											<a href="#">
												<span>Z**5</span>
												<span>开始学习</span>
											</a>
										</p>
										<p>
											<a href="#">
												公开课：一张产品广告图怎么做
												<span> 14分钟前</span>
											</a>
										</p>
									</div>
								</li>
							</ul>
						</div>
					</div>
					
					
					
					
				</div>
			</div>
		</section>
		
		
		<footer>
			<div class="footer_center">
				<div class="center_top clearfix">
					<ul class="footer_nav clearfix">
						<li><a href="#">关于我们</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">用户协议</a></li>
						<li><a href="#">隐私政策</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">意见反馈</a></li>
						<li><a href="#">招贤纳士</a></li>
					</ul>
					<ul class="guanzhu clearfix">
						<li><a href="#"><i></i><span></span></a></li>
						<li class="footer_line"></li>
						<li><a href="#"><i></i><span></span></a></li>
						<li class="footer_line"></li>
						<li><a href="#"><i></i></a></li>
					</ul>
					<ul class="footer_contact clearfix">
						<li>联系我们</li>
						<li>
							<span>010-52023772</span>
							<span>（9:30 - 18:00）</span>
						</li>
						<li>
							<a href="#">在线QQ客服</a>
							<span>（9:30 - 18:00）</span>
						</li>
					</ul>
				</div>
				<div class="center_bottom clearfix">
					<div class="footer_bottom_left">
						<div class="footer_one">
							<a href="#">京ICP备15003345号-1</a>
							<span>|</span>
							<a href="#">
								<img src="img/course_detail/record-icon.png" alt="" />
								<span>京公网安备 11010502034774号</span>
							</a>
							<span>|</span>
							<a href="#">京ICP证 京B2-20181721-1</a>
							<span>|</span>
							<a href="#">广播电视节目制作经营许可证（京）字第08375号-1</a>
							<span>|</span>
							<a href="#">营业执照</a>
						</div>
						<div class="footer_two">
							<span>Copyright © 2015-2019 站酷高高手（ZCOOL GOGOUP）版权所有</span>
							<span>|</span>
							<span>品牌、课程和网页设计版权由 北京站酷教育科技有限公司 持有，未经本公司允许，请勿建立镜像和其他违法用途</span>
						</div>
					</div>
					<div class="footer_bottom_right">
						<a href=""><img src="img/course_detail/zcool-logo.png" alt="" /></a>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>

<script>
	//倒计时效果
	window.onload = function(){
		showTime();
	}
	
	var day = 1;
	var h = 1;
	var m = 21;
	var s = 17;
	function showTime(){
		if(s<=0){
			s = 60;
			if(m<=0){
				m = 60;
				if(h<=0){
					h = 24;
					if(day<=0){
						day = 0;
						h = 0;
						m = 0;
						s = 0;
					}else{
						day--;
					}
					
				}else{
					h--;
				}
			}
			else{
				m--;
			}
			
		}
		else{
			s--;
		}
		$(".short_time_price .count_down span").eq(1).children("i").html(day);
		$(".short_time_price .count_down span").eq(2).children("i").html(h);
		$(".short_time_price .count_down span").eq(3).children("i").html(m);
		$(".short_time_price .count_down span").eq(4).children("i").html(s);
		setTimeout("showTime()",1000);
		
	}
	
	
	
	
	
	
	//下拉菜单移入移出效果
	$(".header_left>li:nth-of-type(1)").hover(function(){
		$(this).children("ul").css("display","block")
	},function(){
		$(this).children("ul").css("display","none")
	})
	
	
	//侧边栏移入动态效果
	$("aside>a").hover(function(){
		$(this).children("span").css({"display":"block","background":"white"});
		if($(this).index()==3){
			$(this).css({"background-color":"#28b28b"});
			$(this).children(".right_fixed_info").css({"display":"block"});
		}
		if($(this).index()==4){
			$(this).css({"background-color":"#28b28b"});
			$(this).children(".right_fixed_info").css({"display":"block"});
		}
		
	},function(){
		$(this).children("span").css({"display":"none"});
		if($(this).index()==3){
			$(this).css({"background-color":"white"});
			$(this).children(".right_fixed_info").css({"display":"none"});
		}
		if($(this).index()==4){
			$(this).css({"background-color":"white"});
			$(this).children(".right_fixed_info").css({"display":"none"});
		}
		
	})
	
	//点击返回顶部
	$("aside>a:nth-of-type(6)").click(function(){
		$("html,body").animate({"scrollTop":"0"},0);
	})
	
	
	//滚轮事件导航栏固定定位
//	var bodyHeight = $("html").height();
//	console.log(bodyHeight);
	$(window).scroll(function(){
		if($(window).scrollTop()<=500){
			$("aside>a:nth-of-type(6)").css({"display":"none"});
		}
		if($(window).scrollTop()>500){
			$("aside>a:nth-of-type(6)").css({"display":"block"});
		}
		
		var scrollTop = $(this).scrollTop();
	　　var scrollHeight = $(document).height()-200;
	　　var windowHeight = $(this).height();
	　　if(scrollTop + windowHeight <= scrollHeight){
	　　　　$("aside").css({"position":"fixed","top":"20%"});
	　　}
		if(scrollTop + windowHeight > scrollHeight){
		　　$("aside").css({"position":"absolute","top":(scrollHeight-420)+"px"});
	　　}
	})
	
	
	//播放按钮点击事件
	$(".btn_paly>span").click(function(){
		$(".left_box video").get(0).play();
		$(".btn_paly").css({"display":"none"});
	})
	
	//移入分享显示效果
	$(".video_share >i").hover(function(){
//		alert(1);
		$(".video_share .big_box").css({"display":"block"});
	},function(){
		$(".video_share .big_box").css({"display":"none"});
	})
	
	$(".video_share .big_box").hover(function(){
//		alert(1);
		$(this).css({"display":"block"});
	},function(){
		$(this).css({"display":"none"});
	})
	
	var index;
	//导航栏点击效果
	$(".nav_bar .nav_container ul li").click(function(){
		$(this).css({"border-bottom":"2px solid #fc583d"}).siblings().css({"border-bottom":"2px solid transparent"});
		$(this).children("a").css({"color":"#fc583d"}).parent().siblings().children("a").css({"color":"white"});
		index = $(this).index();
		$(".course_overview .content_left").eq(index).css({"display":"block"}).siblings().css({"display":"none"});
		$(".course_overview .content_right").css({"display":"block"});
	})
	
	
	//滚轮事件
//	console.log($(".nav_bar").offset().top);
	$(window).scroll(function(){
		if($(window).scrollTop()<538){
			$(".nav_bar").css({"position":"relative","top":"0px","left":"0px","z-index":"0"});
			$(".nav_bar .nav_container>a").css({"display":"inline-block"});
			$(".nav_bar .nav_container>.buy_video").css({"display":"none"});
		}
		if($(window).scrollTop()>=538){
			$(".nav_bar").css({"position":"fixed","top":"0px","z-index":"3"});
			$(".nav_bar .nav_container>a").css({"display":"none"});
			$(".nav_bar .nav_container>.buy_video").css({"display":"inline-block"});
		}
		
		
	})
	
	//点击导航栏滚轮滑到538高度
	$(".nav_bar .nav_container>ul>li").click(function(){
		$("html,body").animate({"scrollTop":"518"},300);
	})
	
	
//	使用克隆动态加载"课程询问"模块
	var ask_arry = [
		{
			"Q":"Q：本课程适合的学习人群？",
			"A":"A：电商设计师（电商设计师必学技能）、平面设计师、广告从业人员、设计相关专业学生等。"
		},
		{
			"Q":"Q：课程中使用到的设计软件是什么？",
			"A":"A：Photoshop，pscc2014以上即可。"
		},
		{
			"Q":"Q：本课程是一个什么样的课程？",
			"A":"A：高高手本次课程分别由产品精修和视觉合成界的两位大拿——周大杰&杰克主讲，带你掌握正确的修图理念与技巧，了解正确的合成思路与流程。一门课程，收获精修与合成双份宝贵经验！"
		},
		{
			"Q":"Q：学习本课可以达到什么样的效果？",
			"A":[
				"A：1、掌握正确的修图理念与各大类热门产品的精修思路与技法，达到电商、广告、摄影公司对产品图的修图要求，提升就业竞争力。",
				"2、建立正确的合成思路，了解完整的合成流程，掌握商业视觉合成的重难点技法。"
			]
		},
		{
			"Q":"Q：课程形式是怎样的呢？",
			"A":"A：课程采用“高高手平台在线直播+课后作业辅导+专属VIP班级群+课后录播回放”的学习方式（课程遇节假日顺延，详情参见课程页下方课程目录）。"
		},
		{
			"Q":"Q：课程学习时间安排是怎样的？",
			"A":"A：2019年7月24日（周三）20：00开始第1节课，之后每周二、周四晚20:00—22:00在高高手平台学习，共21节课，42小时。"
		},
		{
			"Q":"Q：课程的作业安排是怎样的？",
			"A":"A：根据课程节奏，基本每周一次作业。"
		},
		{
			"Q":"Q：如果中间有事情缺课怎么办？",
			"A":"A：建议同学课前合理安排好学习时间哦，如果确实无法避免的话，高高手的直播课程是有录播回放的，我们承诺在课程结束之后24小时之内上传至后台供同学们复习（一般次日上午即可观看）。 如果同学因故缺课可以观看录播回放，录播回放的有效期是全部直播结束之日起365个自然日。"
		},
		{
			"Q":"Q：课程可以有试听么？",
			"A":"A：2019年7月24日（周三）20：00，课程正式开课，第一节课程对所有同学免费开放，登陆高高手账号即可试听，欢迎大家来体验。（届时直接进入本课程页，点击课程列表的第一节课程后方按钮就能观看）"
		},
		{
			"Q":"Q：购买了课程，如何观看学习？",
			"A":"A：在高高手官网/高高手wap端/高高手app观看学习。在高高手平台登陆购课账号--》从“我的课程”中进入本课课程页--》从课程目录中点击对应课时右侧“参加直播”进入直播间。回放一般在第二天上午即可观看，观看方式同理。"
		},
		{
			"Q":"Q：课程中遇到问题怎么办？",
			"A":[
				"A：多种方式可以解决学习中遇到的困难：",
				"（1）成功报名的同学请添加微信wan160707（备注 学号+用户名+精修与合成），我们会在开课前3天建立班级群，同学们可以在群里和老师、同学交流讨论、不断进步；",
				"（2）在高高手官网课程页“课程作业”区，提交作业、提出问题及话题，在这里相互点评、共同学习；",
				"（3）在高高手平台直播过程中在互动区和老师、同学交互讨论、共同进步。"
			]
		},
		{
			"Q":"Q：想要加入班级群，在哪里查看学号？",
			"A":"A：购课以后，登录高高手官方网站，点击右上角“我的课程”，可以在“我的课程”页面上可以看到用户名和对应课程学号。"
		},
		{
			"Q":"Q：课程赠送的录播课程怎么领取？",
			"A":"A：赠送课程是以优惠券的形式发送至同学的高高手账户，购课后从“我的优惠券”中点击优惠券进入课程，点击“立即购买”，核对订单金额为“0”，完成支付即完成领取。"
		},
		{
			"Q":"Q：课程有有效期么？",
			"A":"A：高高手承诺录播回放的有效期为全部直播结束之日起365个自然日。知识的更新迭代真的很快，高高手期望你和95%的同学一样，1年内完成本课程学习，而不仅仅是买课而已。"
		},
		{
			"Q":"Q：课程视频可以下载吗？",
			"A":"A：由于视频涉及版权原因，高高手暂时不支持下载。高高手app已支持缓存观看。"
		},
		{
			"Q":"Q：不满意可以退款吗？",
			"A":"A：退款规则请戳→：https://www.gogoup.com/call_center"
		},
	];
	
//	1、先克隆
//	2、然后插入标签节点
//	3、最后修改插入节点的数据
	
	colonTag();
	function colonTag(){
		var $newTag;
		var $new_p_tag;
		for(var i= 0;i<ask_arry.length;i++){
			$newTag = $(".ask_ul li:first-child").clone(true);
			$(".ask_ul").append($newTag);
			if(Array.isArray(ask_arry[i].A)){
				$newTag.children("p:nth-of-type(1)").html(ask_arry[i].Q);
				$newTag.children("p:nth-of-type(2)").html(ask_arry[i].A[0]);
				for(var j=1;j<ask_arry[i].A.length;j++){
					$new_p_tag = $(".ask_ul li:first-child p:nth-of-type(2)").clone(true);
					$new_p_tag.html(ask_arry[i].A[j]);
					$(".ask_ul").children("li:last-child").append($new_p_tag);
				}
			}
			else{
				$newTag.children("p:nth-of-type(1)").html(ask_arry[i].Q);
				$newTag.children("p:nth-of-type(2)").html(ask_arry[i].A);
			}
		}
	}
	
</script>
